<template>
  <div class="container">
     <GobalHeader :user="currentData"></GobalHeader>
     <ColumnList :list="list"></ColumnList>
     <TabeL :columnss="columns" :datas="data"></TabeL>
  </div>
</template>

<script lang="ts">
// import 'ant-design-vue/dist/antd'
import { defineComponent } from 'vue'
import  'bootstrap/dist/css/bootstrap.min.css'
import  ColumnList  from  './components/ColumnList.vue'
import  GobalHeader from './components/GobalHeader.vue'
import  TabeL from './components/Tabel.vue'
const columns = [{
    name: 'Name',
    dataIndex: 'name',
    key: 'name',
  }, {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  }, {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  }, {
    title: 'Tags',
    key: 'tags',
    dataIndex: 'tags',
  }, {
    title: 'Action',
    key: 'action',
  }];
  const data = [{
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
    tags: ['nice', 'developer'],
  }, {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
    tags: ['loser'],
  }, {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
    tags: ['cool', 'teacher'],
  }];
const currentData={
  isLogin:true,
  name:'海明'
}
const testData=[
   {
    id:1,
    title:'test1的专栏',
    description:'zheshshhsjjjjjcbnwcwanqjjqqjcbqjjjjjjj',
    avatar:require('./assets/logo.png')
   },
   {
    id:2,
    title:'test2的专栏',
    description:'zheshshhsjjjjj',
    avatar:require('./assets/logo.png')
   },
   {
    id:3,
    title:'test3的专栏',
    description:'zheshshhsjjjjj',
    avatar:require('./assets/logo.png')
   },
];
export default defineComponent({
  name: 'App',
  components:{
    ColumnList,
    GobalHeader,
    TabeL
  },
  setup(){
    return{
      list:testData,
      currentData,
      data,
      columns
     
    }
  }
 
});
</script>

<style>

</style>
